<!DOCTYPE html>
<title>CSS Values and Units Test: Viewport units and scrollbars</title>
<meta charset="UTF-8">
<link rel="author"  title="fantasai" href="http://fantasai.inkedblade.net/contact">


<!-- This reference assumes that a <div> scrollbar looks identical to the root scrollbar. -->
<style>
html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body {
  width: 100%;
  height: 100%;
  background: white;
  overflow: auto;
}
div {
  width: 200%;
  height: 200%;
  border-right: solid blue 4px;
  border-bottom: solid blue 4px;
}
</style>

<div></div>
